/*搜索头*/
.searchs{
    width:16rem; 
    padding-top:.3rem;
    background:white;
    margin:0 auto;
    padding-bottom:.3rem; 
}
.search-left,.search-center,.search-right{
    float:left;
    height:1.25rem;
    line-height:1.25rem;
    font-size:.6rem;
    text-align:center;
}
.search-left{
    position:relative;
    width:2.2rem;
    background:#fff;
}
.search-left i{
    position:absolute;
    left:50%;
    top:50%;
    display:block;
    width:.4rem;
    height:.4rem;
    margin-left:-.25rem;
    margin-top:-.25rem;
    border-top:1px solid #333;
    border-left:1px solid #333;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
}
.search-center{
    width:10.37rem;
    background:#f0f0f0;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -webkit-appearance:none;
    appearance:none;
    position:relative;
}
.search-center .center-span{
    width: 2rem;
    height: 0.9rem;
    display: inline-block;
    position:absolute;
    left:0;
    top:0;
}
.search-center .seacher-img{
    position:absolute;
    left:1.75rem;
    top:.5rem;
    display:inline-block;
    vertical-align:middle;
    width:.4rem;
}
.search-center #search-input{
    position:absolute;
    left:3rem;
    top:.2rem;
    display:inline-block;
    vertical-align:middle;
    width:6.0rem;
    height:.9rem;
    font-size:.6rem;
    background:#f1f1f1;
    border:none;
    outline:none;
}
.search-right{width:3.4rem;background:#fff; }
.search-right .collect{color:#36c7b7;}
.search-right #login{display:none;}
/*菜单*/
#classify{
    position:absolute;
    height: 6.75rem;
    width: 6rem;
    background: #adadad;
    opacity: 0.9;
    border-radius: 0.2rem;
    left:.75rem;
    top:1.75rem;
    display: none;
    z-index:1999;
}
#classify i{
    width: 0;
    height: 0;
    border-left: 0.5rem solid transparent;
    border-right: 0.5rem solid transparent;
    border-bottom: 0.5rem solid #adadad;
    position: absolute;
    top:-0.4rem;
    left: 0.5rem;
}
#classify .c-ul{
    width: 6rem;
    height: 6.75rem;
    text-align: left;
}
#classify .c-ul li{
    width: 6rem;
    height: 2.25rem;
    color: white;
}
#classify .c-ul li a{
    width:100%;
    color:#fff;
}
.classify-img{
    height: 1.3rem;
    width: 1.3rem;
    display: inline-block;
    padding-top: 0.4rem;
    vertical-align:middle;
    padding-left: 1rem;
}
.classify-span{
    font-size: 0.7rem;
    vertical-align:middle;
    height: 1.3rem;
    line-height: 1.3rem;
    display: inline-block;
    padding-top: 0.4rem;
    margin-left: 1rem;
}
body{background:#fff;}
/*遮罩阴影*/
.shadow-top3725{
    width:16rem;
    height:100%;
    position:fixed;
    left:50%;
    margin-left:-8rem;
    background:#666;
    opacity:.7;
    z-index:90;
    display:none;
}
.topBefore{top:4.5rem;}
.topAfter{top:0rem;}
/*三角箭头*/
.arrow-bottom{
    border-top:.2rem solid #333;
    border-left:.2rem solid transparent;
    border-right:.2rem solid transparent;
}
.arrow-bottom36c{
    border-top:.2rem solid #36c7b7;
    border-left:.2rem solid transparent;
    border-right:.2rem solid transparent;
}
.arrow-top36c{
    border-bottom:.2rem solid #36c7b7;
    border-left:.2rem solid transparent;
    border-right:.2rem solid transparent;
}
.arrow-top{
    border-bottom:.2rem solid #333;
    border-left:.2rem solid transparent;
    border-right:.2rem solid transparent;
}